import React from 'react';
const Card = (props)=>{
    return(
        <div  style={{
            width:'40%',
            height:'400px',
            border:'1px solid #f0f0f0',
            borderRadius:'8px',
            margin: '10px',
            boxShadow:'4px 4px 4px 4px rgba(0,0,0,0.15)',
            display:'block'
            }}>
            <h1 style={{
                textIndent: '45px',
                fontSize: '20px',
                }}>
                {props.name}
            </h1>
            <div style={{width:'100%',height:'1px',background:'#f0f0f0',marginBottom:'25px'}}></div>
                {props.CardItem}  
        </div>
    )
}
export default Card;